﻿

/* 滑块 start */
#subjects {height:195px; }
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-image:url(../images/aa11_13.jpg)}
#subjects .g-wrap .item-2 {z-index:2; background-image:url(../images/aa22_13.jpg);}
#subjects .g-wrap .item-3 {z-index:3; background-image:url(../images/aa33_13.jpg);}
#subjects .g-wrap .item-4 {z-index:4; background-image:url(../images/aa4_13.jpg);}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .item-4 .p2 { margin-left:60px; margin-top:36px; width:220px; height:122px; }

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}
@media screen and (max-width:1920px){
/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:390px;}
#subjects .state-0 .item-3 {left:777px;}
#subjects .state-0 .item-4 {left:1180px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:582px;}
#subjects .state-1 .item-3 {left:805px;}
#subjects .state-1 .item-4 {left:1180px;}

/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:794px;}
#subjects .state-2 .item-4 {left:1180px;}

/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:650px;}
#subjects .state-3 .item-4 {left:1180px;}

/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:252px;}
#subjects .state-4 .item-3 {left:620px;}
#subjects .state-4 .item-4 {left:1100px;}
}
@media screen and (max-width:1870px){
#subjects .state-0 .item-4 {left:1120px;}	
}	
@media screen and (max-width:1440px){
/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:657px;}
#subjects .state-0 .item-4 {left:993px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:582px;}
#subjects .state-1 .item-3 {left:805px;}
#subjects .state-1 .item-4 {left:1007px;}

/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:794px;}
#subjects .state-2 .item-4 {left:1007px;}

/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:1007px;}

/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:252px;}
#subjects .state-4 .item-3 {left:465px;}
#subjects .state-4 .item-4 {left:728px;}	
}
@media screen and (max-width:1380px){
#subjects .state-0 .item-4 {left:903px;}	
}	
.stock-num {
    height: 55px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 18px;
}

.stock-num h2 {
    float: left;
    color: #e62b1e;
    font-size: 52px;
    font-family: Arial, Helvetica, sans-serif;
}
.stock-num .stock-bt {
    width: 17px;
    height: 13px;
    background-size: 100%;
    display: inline-block;
    float: left;
    position: absolute;
    bottom: 6px;
}
.stock-bt {
    width: 17px;
    height: 13px;
    background: url(../images/icon_stock_up.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    float: left;
    position: absolute;
   
}
.stock-num h3 {
    float: left;
    font-size: 20px;
    color: #e62b1e;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    left: 160px;
    top: 26px;
}

/* 滑块 end */



